* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}


.city li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.city li.active {
  color: red;

}

.list {
  display: flex;
  padding: 10px;
  flex-wrap: wrap;
}

.list dl {
  width: 50%;
  padding: 10px;
  text-align: center;

}

.list img {
  width: 100%;
}